<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Jóvenes Hoy</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="" />
		<meta name="author" content="">
		<meta name="keywords" content="" />
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
		<link href="css/print.css" rel="stylesheet" type="text/css" media="print">
		<!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
	</head>
	
	<body>
		<header>
			<a href="index.html"><img src="img/logo.png" alt="Jóvenes Hoy"></a>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit.
				Vestibulum suscipit sodales suscipit. Sed erat quam,
				gravida sit amet suscipit viverra, adipiscing vel odio.
				Nulla facilisi. Nam ultricies quam vel sem gravida bibendum.
			</p>
		</header>
		
		<nav>
			<a>Mostrar Navegación</a>
			<ul>
				<li><a href="index.html">Inicio</a></li>
				<li class="mas">
					<a href="temas.html">Tus dudas y preguntas</a>
					<div class="menu">
						<div class="menu_body">
							<ul class="menu_tabs">
								<li>&#32;</li>
								<li>&#32;</li>
							</ul>
							<div class="nav_slider">
								<img src="photos/preguntas.png" alt="">
								<img src="photos/preguntas_2.png" alt="">
							</div>
							<p class="menu_title">Temas más consultados</p>
							<ul>
								<li><input type="checkbox">ABC</li>
								<li><input type="checkbox">Aborto</li>
								<li><input type="checkbox">Abstinencia</li>
								<li><input type="checkbox">Adolescencia</li>
								<li><input type="checkbox">Amistad</li>
								<li><input type="checkbox">Amor</li>
								<li><input type="checkbox">Anatomía</li>
								<li><input type="checkbox">Aprendizaje</li>
								<li><input type="checkbox">Asertividad</li>
								<li><input type="checkbox">Billings</li>
							</ul>
							<ul>
								<li><input type="checkbox">Ciclo menstrual</li>
								<li><input type="checkbox">Comienzo de la vida</li>
								<li><input type="checkbox">Compensación de riesgo</li>
								<li><input type="checkbox">Deporte</li>
								<li><input type="checkbox">Educación</li>
								<li><input type="checkbox">Embarazo</li>
								<li><input type="checkbox">Embriones</li>
								<li><input type="checkbox">Embrión</li>
								<li><input type="checkbox">Enamoramiento</li>
								<li><input type="checkbox">Erección</li>
							</ul>
						</div>
						<p>
							<a class="ver" href="temas.html">ver todos los temas</a>
							<a class="ver seleccion" href="dudas-y-preguntas.html">ver seleccionados</a>
						</p>
					</div>
				</li>
				<li><a href="musica-y-videos.html">Música y videos</a></li>
				<li class="mas">
					<a href="recursos.html">Recursos</a>
					<div class="menu">
						<div class="menu_body">
							<ul class="menu_tabs">
								<li>&#32;</li>
								<li>&#32;</li>
							</ul>
							<div class="nav_slider">
								<img class="placeholder" src="photos/recursos_01.png" alt="">
								<img src="photos/recursos_01.png" alt="">
								<img src="photos/recursos_02.png" alt="">
							</div>
							<p class="menu_title alt">Recursos del libro</p>
							<ul>
								<li class="r_video"><a href="recursos-310.html">(310) Observa en este vídeo la anatomía del aparato reproductor masculino</a></li>
								<li class="r_video"><a href="#">(312) Observa en este vídeo la anatomía del aparato reproductor femenino</a></li>
								<li class="r_in"><a href="#">(318) Cambios durante el embarazo</a></li>
								<li class="r_in"><a href="#">(322) Unidad didáctica 7.1: Averigua lo que sabes</a></li>
								<li class="r_doc"><a href="#">(323) Tema 7.1: Ideas claras</a></li>
							</ul>
							<ul>
								<li class="r_in"><a href="#">(326) Investiga en esta webquest qué puedes hacer ante un embarazo no esperado</a></li>
								<li class="r_video"><a href="#">(328) Observa en esta animación los diversos mecanismos de acción de la píldora del día después</a></li>
								<li class="r_in"><a href="#">(330) Observa en este interactivo cómo es el virus del sida y cómo destruye nuestras defensas</a></li>
								<li class="r_doc"><a href="#">(335) En una actividad sobre las técnicas de reproducción asistida...</a></li>
							</ul>
						</div>
						<p>
							<a class="ver" href="recursos.html">ver todos los temas</a>
						</p>
					</div>
				</li>
				<li><a href="#">Buscar</a></li>
			</ul>
		</nav>
		
		<div id="content">
			<img id="foto" src="photos/foto_01.png" alt="">
			<div id="main">
				<span>&#32;</span>
				<ul class="compartir">
					<li class="share">
						<ul class="socialcount">
							<li class="facebook">
								<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=" title="Compartir por Facebook">
									<span class="social-icon icon-facebook">&#32;</span><!--<span class="count">Recomendar</span>-->
								</a>
							</li>
							<li class="twitter">
								<a target="_blank" href="https://twitter.com/intent/tweet?text=" title="Compartir por Twitter">
									<span class="social-icon icon-twitter">&#32;</span><!--<span class="count">Tweet</span>-->
								</a>
							</li>
							<li class="googleplus">
								<a target="_blank" href="https://plus.google.com/share?url=" title="Compartir por Google Plus">
									<span class="social-icon icon-googleplus">&#32;</span><!--<span class="count">+1</span>-->
								</a>
							</li>
							<li class="mail">
								<a href="mailto:?Body=" title="Compartir por Correo">
									<span class="social-icon icon-mail">&#32;</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="print" title="Versión imprimible">&#32;</li>
				</ul>
				<h1 class="text_title">Amigos con derecho a roce</h1>
				<p class="tags">
					<b>Palabras Clave: </b><a>Aborto</a>, <a>Embarazo</a>
				</p>
				<div id="texto">
					<p>
						Los jóvenes de hoy son probablemente los mejor preparados de la historia en muchos aspectos.
						Se ha procurado cuidar exquisitamente su autoestima desde la infancia a la edad adulta.
						Nunca han estado mejor informados sobre biología y sexualidad o preparados para utilizar
						las nuevas tecnologías. Tienen oportunidades diversas de viajar, conocer otras culturas y
						ambientes. Si uno es estudiante tiene a su disposición diversas becas para irse al extranjero
						y aprender diferentes lenguas. Si uno quiere dar su tiempo puede viajar y realizar acciones
						de cooperación en una ONG. Las opciones que se le ofrece para su ocio son múltiples y uno puede
						tanto pasear por centros comerciales al abrigo del calor, del frío o de la lluvia como probar
						a hacer "puenting" o visitar playas paradisíacas del caribe sin más motivo que "un viaje de estudios".
						Las actividades culturales son abundantes.
					</p>
				</div>
				<a class="prev">&#32;</a>
				<a class="next">&#32;</a>
			</div>
		</div>
		
		<footer>
			&copy; 2013 Educar hoy. Todos los derechos reservados.
			<ul>
				<li><a class="n1" target="_blank" href="http://www.joveneshoy.org/rss">&#32;</a></li>
				<li><a class="n2" target="_blank" href="http://www.flickr.com/photos/51095154@N05/">&#32;</a></li>
				<li><a class="n3" target="_blank" href="http://twitter.com/JokindeIrala">&#32;</a></li>
				<li><a class="n4" target="_blank" href="http://www.facebook.com/profile.php?id=100001003494610">&#32;</a></li>
			</ul>
		</footer>
		
		<!-- Javascript -->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="js/jquery.tweet.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="js/respond.min.js"></script>
	</body>
</html>